<template lang="pug">
.radar-chart.app-container
  #radar-chart
</template>

<script setup>
import { radarChart, destroyRadarChart } from './echarts'

import { onMounted, onUnmounted } from 'vue'

// const { proxy } = getCurrentInstance() // 内部组件实例

// // 数据
// const state = reactive({
// })

onMounted(() => {
  console.log(1)
  // 初始化饼图
  radarChart()
})

onUnmounted(() => {
  // 销毁
  destroyRadarChart()
})
</script>

<style lang="scss">
  #radar-chart {
    width: 100%;
    max-width: 600px;
    height: 400px;
  }
</style>
